<template>
  <div id="root">
    <app-header></app-header>
    <app-list :test="arr_"></app-list>
    <app-footer></app-footer>
    <pop-up></pop-up>
  </div>
</template>
<script>
import 'normalize.css'
import 'lib-flexible'
import appHeader from './components/appheader.vue'
import appList from './components/applist.vue'
import appFooter from './components/appfooter.vue'
import popUp from './components/popUp'

export default {
  name: 'App',
  components: { appHeader, appList, appFooter, popUp },
  data () {
    return {
      arr_: [],
      menu: ['男生', '女生', '电信&移动', '年龄(升序)'],
      currentKey: -1
    }
  },
  delOneFromArr (index) {
    this.arr_.splice(index, 1)
  }
}
</script>
<style>
  #root{
    width: 100vw;
    height: 100vh;
    background-color: beige;
    overflow: hidden;
  }
</style>
